<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>金山学院牛人榜 - 最强王者</title>
    <style>
        body {
            font-family: 'Microsoft YaHei', sans-serif;
            margin: 0;
            padding: 80px 20px 20px;
            background: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
            min-height: 100vh;
        }
        .nav {
            background-color: rgba(255, 255, 255, 0.9);
            padding: 15px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
        }
        .nav ul {
            list-style: none;
            display: flex;
            justify-content: center;
            gap: 30px;
            margin: 0;
            padding: 0;
        }
        .nav a {
            text-decoration: none;
            color: #3a6ea5;
            font-weight: bold;
            padding: 8px 15px;
            border-radius: 20px;
            transition: all 0.3s ease;
        }
        .nav a:hover {
            background-color: #3a6ea5;
            color: white;
        }
        .champion-container {
            max-width: 1000px;
            margin: 0 auto;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .champion-header {
            text-align: center;
            margin-bottom: 40px;
        }
        .champion-title {
            color: #3a6ea5;
            font-size: 2.5em;
            margin-bottom: 10px;
        }
        .champion-subtitle {
            color: #666;
            font-size: 1.2em;
            margin-bottom: 30px;
        }
        .crown-icon {
            font-size: 3em;
            color: gold;
            margin-bottom: 10px;
            display: block;
        }
        .champion-profile {
            display: flex;
            align-items: center;
            margin-bottom: 30px;
            background: #f8f9fa;
            padding: 20px;
            border-radius: 15px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }
        .champion-info {
            flex-grow: 1;
            margin-left: 30px;
        }
        .champion-name {
            font-size: 1.8em;
            font-weight: bold;
            color: #3a6ea5;
            margin-bottom: 5px;
        }
        .champion-details {
            color: #666;
            margin-bottom: 10px;
        }
        .champion-badge {
            background: gold;
            color: #3a6ea5;
            padding: 5px 15px;
            border-radius: 20px;
            font-weight: bold;
            display: inline-block;
        }
        .cta-button {
            display: block;
            background-color: #3a6ea5;
            color: white;
            text-decoration: none;
            padding: 12px 20px;
            border-radius: 30px;
            text-align: center;
            font-weight: bold;
            margin-top: 15px;
            transition: all 0.3s ease;
        }
        .cta-button:hover {
            background-color: #2a5282;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        .crown-large {
            font-size: 5em;
            color: gold;
            display: inline-block;
            margin-right: 20px;
            animation: float 3s infinite ease-in-out;
        }
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
    </style>
</head>
<body>
    <nav class="nav">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="ranking.html">牛人榜</a></li>
            <li><a href="champion.html">最强王者</a></li>
            <li><a href="about.html">关于我们</a></li>
        </ul>
    </nav>
    <div class="champion-container">
        <div class="champion-header">
            <div style="text-align: center; margin-bottom: 20px;">
                <img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.e8IZn4WgxFKwAQH_oHLZUwHaHa?w=882&h=882&rs=1&pid=ImgDetMain" alt="金山学院校徽" style="width: 80px; height: 80px;">
            </div>
            <h1 class="champion-title">最强王者 - DUIJ</h1>
            <p class="champion-subtitle">计算机科学与技术专业1班</p>
        </div>
        <div class="champion-content">
            <div class="champion-image-container">
                <img src="https://via.placeholder.com/400x500" alt="DUIJ" class="champion-image">
            </div>
            <div class="champion-info">
                <div class="info-section">
                    <h2 class="info-title">个人简介</h2>
                    <p>DUIJ，金山学院计算机科学与技术专业1班学生，Java全栈开发专家，在Java、Spring Boot、Spring Cloud、微服务架构等多个领域都有深厚造诣。擅长高并发系统设计与开发，熟练使用MySQL、Redis等数据库，掌握Docker、Kubernetes等容器技术，具有丰富的企业级应用开发经验。精通算法竞赛，在多个国内外编程竞赛中取得优异成绩。作为本届最强王者，他不仅在学术上取得了优异成绩，还积极参与各类竞赛和项目实践，在网络安全领域也展现出色实力。</p>
                </div>
                <div class="info-section">
                    <h2 class="info-title">技术栈</h2>
                    <p>Java、全栈开发、算法竞赛、数学建模、网络安全、Spring Boot、Spring Cloud、MySQL、Redis、微服务架构、Docker、Kubernetes、RabbitMQ、高并发设计</p>
                </div>
                <div class="info-section">
                    <h2 class="info-title">主要成就</h2>
                    <ul class="achievement-list">
                        <li class="achievement-item">
                            <span class="achievement-icon">🏆</span>
                            <span>ISCC国赛一等奖</span>
                        </li>
                        <li class="achievement-item">
                            <span class="achievement-icon">🥈</span>
                            <span>全国大学生数学建模竞赛福建省二等奖</span>
                        </li>
                        <li class="achievement-item">
                            <span class="achievement-icon">🥈</span>
                            <span>华为ICT全球二等奖</span>
                        </li>
                        <li class="achievement-item">
                            <span class="achievement-icon">🌟</span>
                            <span>Google Code Jam总决赛选手</span>
                        </li>
                    </ul>
                </div>
                <div class="info-section">
                    <span class="champion-badge">最强王者</span>
                    <a href="champion_jiangwei.html" class="cta-button">查看详细资料</a>
                </div>
            </div>
        </div>
        
        <div class="champion-profile">
            <div class="champion-info">
                <h2 class="champion-name">其他牛人</h2>
                <p class="champion-details">我们的牛人榜还有更多优秀的同学，他们在各自的领域展现出色能力</p>
                <a href="ranking.html" class="cta-button">查看牛人榜</a>
            </div>
        </div>
    </div>
</body>
</html> 